*{
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}
body{
    min-width: 1400px;
}
ul,li{
    list-style: none;
}
div.header{
    height: 40px;
    width: 100%;
    background-color: #f4f4f4;
    line-height: 40px;
    padding: 0 150px;
    box-sizing: border-box;
}
div.header-nav{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
div.header-nav ul li{
    float: left;
}
div.header-nav ul.header-nav-l li{
    margin-left: 10px;
}
div.header-nav ul.header-nav-r li{
    margin-left: 55px;
}
div.header-nav ul.header-nav-r{
    position: absolute;
    left: 560px;
}
div.header-nav li img{
    margin-top: 4px;
}
div.header-nav li a{
    text-decoration: none;
}

div.content{
    width: 100%;
    height: 85px;
    line-height: 85px;
    background-color: white;

}
div.header-content{
    width: 1200px;
    /*border: 1px solid red;*/
    margin: 0 auto;
}
.header-content ul>a>img{
    float: left;
}
.header-content ul li{
    float: left;
    margin-left: 59px;
}
.header-content .header-list a{
    text-decoration: none;
}
/*搜索*/
#search {
    height: 161px;
    background: url('img/indexbg.jpg') no-repeat top center;
    min-width: 1200px;
}

.search {
    width: 1200px;
    margin: 0 auto;
    padding-top: 18px;
}

.search h2 {
    text-align: center;
    font-size: 36px;
    line-height: 56px;
    color: white;
    font-weight: 400;
}

.search .search-box {
    width: 798px;
    margin: 0 auto;
    margin-top: 12px;
}

.search .search-box .input-text {
    float: left;
    width: 570px;
    height: 48px;
    line-height: 48px;
    padding: 10px 10px;
    border-radius: 3px 0 0 3px;
    font-size: 20px;
}

.search .search-box .button-one {
    float: left;
    display: inline-block;
    height: 48px;
    width: 100px;
    background-color: #3ebb2b;
    border-radius: 0 3px 3px 0;
    font-size: 16px;
    color: white;
    margin-right: 8px;
    cursor: pointer;
}

.search .search-box .button-two {
    float: left;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    width: 100px;
    background-color: #ff782f;
    border-radius: 3px;
    font-size: 16px;
    color: white;
    cursor: pointer;
}
/*轮播图*/
div.container{
    width: 100%;
    margin-top: 10px;
    background-color: #f4f4f4;
}
.container1{
    width: 1200px;
    height: 340px;
    margin: 0 auto;
    position: relative;
    /*background-color: red;*/
}
.container1 .pic li{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.container1 .pic li.zindex{
    z-index: 2;
}
.container1 .inner{
    position: absolute;
    bottom: 5px;
    left: calc(50% - 125px);
    z-index: 10;
}
.container1 .inner li{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: green;
    float: left;
    margin: 5px;
    cursor: pointer;
}
.container1 .inner li.active{
    background-color: red;
}
/*原创VIP*/
div.yy{
    width: 100%;
    margin-top: 11px;
}
ul.yy1{
    width: 1200px;
    text-align: center;
    font-size: 20px;
    margin: 0 auto ;
    overflow: hidden;
}
ul.yy1 li{
    float: left;
    width: 164px;
    height: 68px;
    line-height: 68px;
    margin: 3px;
}
ul.yy1 li a{
    text-decoration: none;
}
ul.yy1 li.yy2{
    background-color: #ebe0c0;
}
ul.yy1 li.yy2 a{
    color: #b08d25;
}
ul.yy1 li.yy3{
    background-color: #efdabc;
}
ul.yy1 li.yy3 a{
    color: #b7bebc;
}
ul.yy1 li.yy4{
    background-color: #eedbcd;
}
ul.yy1 li.yy4 a{
    color: #b57748;
}
ul.yy1 li.yy5{
    background-color: #b9d3fc;
}
ul.yy1 li.yy5 a{
    color: #498da3;
}
ul.yy1 li.yy6{
    background-color: #b7e3f0;
}
ul.yy1 li.yy6 a{
    color: #7cc7f0;
}
ul.yy1 li.yy7{
    background-color: #d7e8c0;
}
ul.yy1 li.yy7 a{
    color: #908a5e;
}
ul.yy1 li.yy8{
    background-color: #c2e8c0;
}
ul.yy1 li.yy8 a{
    color: #608f5d;
}
/*设置全部背景为灰色*/
main.main111{
    background-color: #f4f4f4;
}


/*开发手册*/
div.one{
    width: 100%;
}
div.one .one-1{
    width: 1200px;
    height: 83px;
    margin: 11px auto;
    text-align: center;
    line-height: 130px;
    background-color: white;
    overflow: hidden;
}
div.one .one-1 .one11{
    line-height: 83px;
    border-right: none;
}
div.one .one-1 li{
    float: left;
    border-right: 1px solid #f4f4f4;
    border-bottom:1px solid #f4f4f4;
}
div.one .one-1 li:hover{
    z-index: 100;
    border: 1px solid #99c800;
}
div.one .one-1 li a{
    text-decoration: none;
}
.one-1 li.aaa{
    width: 99px;
    height: 83px;
}
.one-1 li.one11{
    width: 200px;
    height: 83px;
}
.one-1 li.one1{
    background: url(img/icon01.png);
    background-repeat: no-repeat;
    background-position: 18px 10px ;
}
.one-1 li.one2{
    background: url(img/icon02.png);
    background-repeat: no-repeat;
    background-position: 18px 10px ;
}
.one-1 li.one3{
    background: url(img/icon03.png);
    background-repeat: no-repeat;
    background-position: 18px 10px ;
}
.one-1 li.one1{
    background: url(img/icon01.png);
    background-repeat: no-repeat;
    background-position: 18px 10px ;
}
.one-1 li.one4{
    background: url(img/icon04.png);
    background-repeat: no-repeat;
    background-position: 18px 10px ;
}
.one-1 li.one5{
    background: url(img/icon05.png);
    background-repeat: no-repeat;
    background-position: 18px 10px ;
}
.one-1 li.one6{
    background: url(img/icon06.png);
    background-repeat: no-repeat;
    background-position: 18px 10px ;
}
.one-1 li.one7{
    background: url(img/icon07.png);
    background-repeat: no-repeat;
    background-position: 18px 10px ;
}
.one-1 li.one8{
    background: url(img/icon08.png);
    background-repeat: no-repeat;
    background-position: 18px 10px ;
}
.one-1 li.one9{
    background: url(img/icon09.png);
    background-repeat: no-repeat;
    background-position: 18px 10px ;
}
.one-1 li.one10{
    background: url(img/icon10.png);
    background-repeat: no-repeat;
    background-position: 18px 10px ;
}

/*热门专题*/
div.two{
    width: 100%;
}
div.two ul.two-1{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
div.two ul.two-1 h3{
    margin-top: 43px;
}
div.two ul.two-1 li{
    float: left;
    width: 224px;
    height: 272px;
    /*border: 1px solid red;*/
    margin-right: 16px;
    margin-top: 24px;
}
div.two ul.two-1 li:hover{
    border: 5px solid white;
    cursor: pointer;
    transition-duration:1s;
}
div.two ul.two-1 li span{
    display: inline-block;
    width: 224px;
    height: 43px;
    background-color: white;
    margin-top: 229px;
    text-align: center;
    line-height: 42px;
    border: 1px solid #f4f4f4;
}
div.two ul.two-1 li span a{
    text-decoration: none;
}
div.two ul.two-1 li.two1{
    background: url(img/two1.jpg);
}
div.two ul.two-1 li.two2{
    background: url(img/two2.jpg);
}
div.two ul.two-1 li.two3{
    background: url(img/two3.jpg);
}
div.two ul.two-1 li.two4{
    background: url(img/two4.jpg);
}
div.two ul.two-1 li.two5{
    background: url(img/two5.jpg);
}
/*......................................................*/

/*友情链接*/
div.three{
    width: 100%;
    /*background-color: #f4f4f4;*/
    margin-top: 50px;
    height: 50px;
}
div.three .three-1{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: 1px solid #9d9d9d;
}
div.three .three-1 li{
    float: left;
    margin-right: 50px;
}
div.three .three-1 li a{
    text-decoration: none;
    color: #9d9d9d;
}
div.three .three-1 li a:hover{
    color: black;
}
div.four{
    width: 100%;
}
div.four .four-1{
    width: 1200px;
    height: 50px;
    margin: 20px auto;
}
div.four .four-1 li{
    float: left;
    margin-right: 10px;
}
div.four .four-1 li a{
    text-decoration: none;
}
div.four .four-2{
    width: 1200px;
    height: 50px;
    margin: 20px auto;
}
div.four .four-2 li{
    float: left;
    margin-right: 10px;
}
div.four .four-2 li a{
    text-decoration: none;
}

/*页脚*/
footer{
    width: 100%;
    background-color: #212425;
    position: relative;
    bottom: 0;
    height: 119px;
    margin-top: 100px;
}
footer ul{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
footer>ul>li{
    float: left;
    margin-top: 26px;
    margin-right: 10px;
}
footer>ul>li.a1 a:hover{
    color: #3ebb2a;
}
footer>ul>li a{
    color: white;
    text-decoration: none;
}
footer>ul>li.talk img{
    margin-top: -1px;
}
footer>ul>li.phone a{
    color: gainsboro;
}
footer ul li.a2{
    margin-top: -30px;
    color: #9d9d9d;
    font-size: 14px;
}
footer ul li.a3{
    margin-top: -15px;
    color:#9d9d9d;
    font-size: 14px;
}
footer ul li.a3 a{
    color: #3ebb2a;
}